// 响应式布局切换
$('.l-log>span').click(function(){
    //  顶部导航 侧边栏显示开关
    $('.l-log ~ li').toggle();
})

$(window).resize(function(){
    // 保证每次切换回大屏幕时侧边栏是正常显示的
    if($(this).width() >= 960){
        $('.l-log ~ li').show()
    }
})

// 侧边栏导航 显示和隐藏子项目
$('.openable>p').click(function(){

    // 关闭/显示 被点击的 sub-ul item
    $(this).siblings('ul').toggle();
    // 关闭其他未被点击的 sub-ul item
    $(this).parent().siblings('.openable').children('ul').hide();
    // 未被点击的sub—ul item 切换回默认图标  fa-angle-down
    $(this).parent().siblings('.openable').children('p').children('span:last').removeClass('fa-angle-up').addClass('fa-angle-down')
    // 闭合图标 angle down 默认闭合  up打开
    if($(this).children('span:last').is('.fa-angle-down')){
        $(this).children('span:last').removeClass('fa-angle-down').addClass('fa-angle-up')
    }else{
        $(this).children('span:last').removeClass('fa-angle-up').addClass('fa-angle-down')
    }

})

// 侧边栏 只显示图标 隐藏文字
// todo: 隐藏文字
$('.header-toggle').click(function (msg) {
    console.log('asdf')

})